草庐IT

html - 动画 :hover:after

全部标签

javascript - 如何为大像素的渐变制作动画?

我正在做一个项目,我希望黑暗覆盖屏幕,Angular色在黑暗中发光。我尝试为场景设置动画,然后使用以下代码在其上绘制黑暗:varcanvas=document.getElementById('canvas');varctx=canvas.getContext('2d');varcanvasWidth=canvas.width;varcanvasHeight=canvas.height;varpixelSize=30;varwidth=canvasWidth/pixelSize;varheight=canvasHeight/pixelSize;varlightX=canvasWidth/

javascript - 在javascript html5音频预加载上取消了http请求

我正在尝试使用javascript预加载音频文件。我正在使用Chrome,当文件数量增加时,chrome取消了我文件的http请求...为什么?我能做什么?这是我的代码:filesToLoad=44;filesLoaded=0;for(varni=1;ni=filesToLoad){cb();}console.log("load:::"+ServerPath+'audio/'+filesLoaded+'.mp3');}functioncb(){alert("loaded");} 最佳答案 我正在尝试做同样的事情。我预加载了12个音频

javascript - 编写 jQuery rolodex 样式的时钟翻转动画?

我正在努力根据那些带有翻转数字的旧时钟制作一个简单的动画。我在下面添加了一张从PremiumPixels上找到的免费赠品PSD复制的图片:我遇到的最大问题是使用jQuery在HTML/CSS/JavaScript中构建“翻转”动画。我找到的唯一教程是fromthisnettuts+article实际上使用图像。它将时钟的上半部分和下半部分分成两个不同的图像集,并为经过的每一秒替换它们......这种方法在网站中是不现实的,因为它没有为读者提供实际的上下文。我更愿意将数字硬编码到HTML中并仅通过jQuery执行翻转动画-最好没有图像,除了背景自动收报机框。或者换句话说,数字被编码成HT

html - 从 chrome 的扩展内容脚本访问 iframe 内容

我正在做一个插件来对界面进行一些转换。我不断收到unsafejavascriptattempttoaccessframewithurl....Domains,protocolsandportsmustmatch(典型的跨站点问题)但作为一个扩展,它应该可以访问iframe的内容http://code.google.com/chrome/extensions/content_scripts.html...有谁知道如何访问它的内容以便可以捕获它们? 最佳答案 通常没有直接的方法来访问不同来源的window对象。如果您想在不同框架中的内容

JavaScript,使用函数更改 HTML <p> 标记中显示的文本

我有一个HTML5Canvas,它在Canvas下方的页面上显示了一些图像和一段文本。我希望根据用户单击的图像更新段落中的文本以显示JS数组中的不同元素。目前,我有一个“鼠标按下”功能,如下所示:_mousedown:function(evt){this._setUserPosition(evt);varobj=this.getIntersection(this.getUserPosition());if(obj&&obj.shape){varshape=obj.shape;this.clickStart=true;shape._handleEvent('mousedown',evt)

javascript - 使用 Angular.js 从现有 HTML 中提取数据

angular.js非常适合基于客户端JavaScript的复杂Web应用程序,但我也在考虑将它用于更小的简单JavaScript任务。例如我有一个包含一些项目的列表:FooBar现在我想向HTML添加一些按钮,这些按钮应该在一些用户输入后过滤和/或排序列表,这应该是一个简单的任务。有什么方法可以从现有的HTML元素中提取数据以将它们与angular.js一起使用吗?数据需要在HTML中,这样搜索引擎也可以得到什么为清楚起见编辑:最终结果是ul列表中的数据将被推送到处理该列表的Controller模型中。([{id:1,text:"Foo"},{id:2,text:"Bar"}])如果

javascript - 从 HTML 生成 Emmet 代码 - 反向操作

我说的是Emmet.io(前ZenCoding)。是否有相反的JavaScript代码或jQuery插件?例子:emmet('ul>li*3')=>''我想要这样的东西:emmet('')=>'ul>li*3' 最佳答案 HTML.js正是您要找的http://nbubna.github.io/HTML/ 关于javascript-从HTML生成Emmet代码-反向操作,我们在StackOverflow上找到一个类似的问题: https://stackover

javascript - Angular 1.2.5 嵌套动画

使用ng-view,我想要一个简单的fadeIn/fadeOut用于页面转换。但是,在不同的“View”中,我有子元素,我想在父元素上发生fadeIn/fadeOut的同时设置动画。问题是,如果父级正在设置动画,则Angular取消任何嵌套动画。为什么是这样?还有其他方法可以实现我想要的吗? 最佳答案 您应该能够使用$animate服务而不是ngAnimate。如果你这样做,你可以用一个promise链接动画。https://docs.angularjs.org/api/ngAnimate/service/$动画

javascript - 是否有可靠的方法来检测给定元素及其子元素的所有动画何时完成?

当声明CSS动画时,元素将触发animationStart和animationStartEnd事件。有没有办法在以下情况下触发javascript函数:所有动画都完成了,包括child动画。没有声明动画,也不需要等待。这是我目前的做法:http://codepen.io/miguel-perez/pen/CDcAGvar/***Firesacustomeventwhenallanimationsarecomplete*@param{object}$element-jQueryobjectthatshouldtriggerevent**/triggerAllAnimationEndEve

javascript - Angular 1.3 动画在 Firefox 中不起作用

我们有一个ng-repeat指令,它使用ng-hide根据选定的索引进行动画显示和隐藏。动画在除Firefox之外的所有浏览器中都能正常工作。在Firefox中,.ng-hide-remove的动画不工作。你可以看到它移动了一点然后停了下来。我使用的是Firefox33.0版,但我也尝试过32.0版。此问题仅在Angular1.3中出现,相同的代码在使用Angular1.2版的Firefox中有效。这是重复代码Item:{{item}}这是css样式:.item{position:absolute;top:50px;left:200px;border:solid1pxblack;pad